<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png">
    <title>江苏彭派数字科技有限公司</title>
    <link href="/assets/css/themify-icons.css" rel="stylesheet">
    <link href="/assets/css/flaticon.css" rel="stylesheet">
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/animate.css" rel="stylesheet">
    <link href="/assets/css/owl.carousel.css" rel="stylesheet">
    <link href="/assets/css/owl.theme.css" rel="stylesheet">
    <link href="/assets/css/slick.css" rel="stylesheet">
    <link href="/assets/css/slick-theme.css" rel="stylesheet">
    <link href="/assets/css/swiper.min.css" rel="stylesheet">
    <link href="/assets/css/owl.transitions.css" rel="stylesheet">
    <link href="/assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="/assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="/assets/css/component.css" rel="stylesheet">
    <link href="/assets/css/style.css" rel="stylesheet">
    <link href="/assets/css/responsive.css" rel="stylesheet">
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="spinner">
              <div class="double-bounce1"></div>
              <div class="double-bounce2"></div>
            </div>
        </div>
        <header id="header">
        </header>
        <div class="wpo-breadcumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wpo-breadcumb-wrap">
                            <h2>[[${wa.categoryName}]]</h2>
                            <ul>
                                <li><a href="/index.html">主页</a></li>
                                <li><span>[[${wa.categoryName}]]</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of wpo-breadcumb-section-->


        <!-- start wpo-blog-single-section -->
        <section class="wpo-blog-single-section section-padding">
            <div class="container">
                <div class="row">
                    <div class="col col-lg-10 offset-lg-1 col-12">
                        <div class="wpo-blog-content">
                            <div class="post format-standard-image">
                                <!--                                <div class="entry-media">-->
                                <!--                                    <img src="/assets/images/blog/img-4.jpg" alt>-->
                                <!--                                </div>-->
                                <div class="entry-details">
                                    <h3><a href="javascript:;">[[${wa.articleName}]]</a></h3>
                                    <div class="entry-meta">
                                        <ul>
                                            <li><i class="fi flaticon-user"></i> 作者: <a th:text="${wa.author}"></a> </li>
                                            <!--                                        <li><i class="fi flaticon-comment-white-oval-bubble"></i> Comments 35 </li>-->
                                            <li><i class="fi flaticon-calendar"></i > 日期: [[${wa.publishTime}]]</li>
                                        </ul>
                                    </div>
                                    <div th:utext="${wa.htmlContent}">
                                        <a th:href="${wa.href}" class="read-more">查看详细</a>
                                    </div>

                                </div>
                                <div>
                                    <ul>
                                        <li th:each="file:${fileList}">
                                            <a th:href="${file.visitUrl}" style="font-size: 16px" target="_blank">    [[${file.fileName}]]</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end wpo-blog-single-section -->

        <!-- start of wpo-site-footer-section -->
        <footer id="footer" class="wpo-site-footer">
        </footer>
        <!-- end of wpo-site-footer-section -->
    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="/assets/js/modernizr.custom.js"></script>
    <script src="/assets/js/jquery.dlmenu.js"></script>
    <script src="/assets/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="/assets/js/script.js"></script>
</body>

</html>